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BACKGROUND OF THE INVENTION 
15 1. Field of the Invention 

The present invention relates generally to display of Web pages and, more 
particularly, to assembly and update of Web page elements. 



2. Description of the Related Art 
20 The Internet is a computer network that provides access to the World Wide Web 

("the Web"), a vast collection of pages comprised of text, graphical, and multimedia 
elements. Graphical user interface programs called Web browsers are employed by 
Internet users to receive, or download, the Web pages from servers and display the pages 
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at their client computers. A Web browser displays Web pages by showing the text and 
graphical elements on a client display screen and by playing sound files and showing 
[ video sequences. 

I The rapid increase in the number of Internet users and in the amount of 

5 information being downloaded by users has resulted in high volumes of traffic, as well as 
increasing delays in downloading Web pages. Delays in downloading pages make an 
Internet user's browsing experience less enjoyable. This is especially true for Internet 
users who do not have high-speed access to the Internet. The response time for the 
transfer of page elements between servers and clients could be improved if the amount of 

10 data traffic passing over the Internet could be reduced. 

To download a Web page, a user at a client machine requests a Web page by 
sending a Web page address to the corresponding Web server. A Web page address is 
specified by a uniform resource locator (URL). When the Web server receives the URL 
request from a client machine, it determines the format and elements of the requested 

15 Web page and constructs a text file according to the hypertext mark-up language 

(HTML) standard. The HTML file specifies the text to be written and the Web page 
elements, such as URLs for image files that are to be viewed or displayed, and the format 
in which they should be presented. The server sends the HTML text file to the client 
machine, along with any corresponding data files specified by the HTML code. 

20 At the client machine, the user's Internet browser receives the HTML code and 

automatically renders the page elements, displaying the text data and sending further 
requests for files specified by URLs in the HTML code. The requests for files may 
include, for example, image files at servers other than the server from which the original 
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HTML code was received. Thus, it should be apparent that displaying a single Web page 
may involve many different requests for data and numerous transfers of data between the 
client machine and one or more Web servers. 

One contributor to the excessive Internet traffic that is slowing down the Web is 
5 the requirement for reloading of Web pages. Typically, each time a user "visits" a Web 
page by requesting its contents, that user's Web browser must reload the page data by 
requesting the entire HTML code and the corresponding data elements. Although some 
Web pages have a large number of elements that change frequently, it is more typical for 
a page to be largely static. That is, most of the page elements will not change. The 

10 download of Web pages could proceed much more smoothly if all of the elements of a 
Web page did not need to be transferred from a server every time the page is requested. 

Some Web page source files can be specified in the HTML code, such as 
graphical images and sound files, so they can be referenced by name and independently 
requested from corresponding servers. The graphical image files are typically among the 

15 largest elements of a Web page and take the most time to download. Thus, browsers may 
cache such files at the user's computer. When a user requests a Web page, the user's 
browser can check for updated graphical image files. If there has been no change 
between the version stored in the user's cache and the version to be obtained from the 
Web server, then the browser will not request the server version, and instead will use the 

20 cached version. This reduces the number of page elements that must be requested from 
the Internet, giving the user the appearance of a faster connection, and thereby providing 
a more pleasurable experience. 
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Other developments illustrate the great effort at reducing the amount of data that 
must be transferred between user (client) computers and the Web servers from which 
page elements are retrieved. For example, companies have begun to provide a Web 
cache service whereby they provide intermediate storage of data files at a network 
5 location between the Web server and the user computer. The intermediate storage is 

typically distributed about in multiple network locations to provide faster response to user 
requests for graphical images. Web cache services work in concert with Web page 
servers, as follows. When users request a page from a Web server, the Web server 
assembles the page elements into the HTML file that will be sent to the user browser. 

10 The Web server determines which Web server or cache location can most quickly 
provide a graphical element of the requested page. The Web server places the 
corresponding URL in the HTML code that is sent to the user's computer. When the 
user's browser receives the HTML code, it displays the HTML text and requests the 
graphical elements from the servers indicated by the Web server. In this way, users 

15 should receive page elements more quickly than if all the elements came from the 
original Web server. 

While such Web cache techniques can deliver graphical images more quickly to 
users, the cache files are limited to "tagged" files, such as graphical images (JPEG, GIF, 
and other image files) and sound files (such as WAV files). 

20 The HTML files, and therefore the portions of the Web page that comprise text, must still 
be obtained from the original server. Moreover, with every page request, all of the page 
elements will be requested, even if there have been no changes in the individual elements. 
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There presently is no way to independently request download of individual 
elements from a Web page, other than tagged elements. Thus, every time a page reload 
or refresh operation is initiated by the user, the entire contents of the Web page will be 
requested from a server, the lone exception being any tagged element files that are cached 
5 at the user's computer. It would reduce the amount of data to be transferred between 
client and server if refresh requests could be processed by delivering only the updated 
portions of a Web page, and if such independent updates could include elements that are 
not tagged files, such as Web page text portions. 

Another development that reduces data transfer for display of Web pages is the 

10 use of applets written in the "Java" programming language, as developed by Sun 
Microsystems, Inc. of Mountain View, California, USA. Such applets are files of 
executable code that are received at user client machines from Web servers and then 
executed at the client. Thus, the Java applets comprise computer programs that must be 
received from a server and then must be executed from within a suitably equipped (Java- 

15 enabled) browser. 

A browser typically "pauses" in its page display operations while a Java applet is 
being downloaded. Once they are executing, Java applets give the user the illusion of 
dynamic (and continuous) downloading activities. That is, to generate an equivalent Web 
page display without the Java applet, the user would have to continuously download data 

20 from a Web server. The Java applet may provide dynamic display of information in the 
user's Web browser, but cannot access additional resources on the user computer, and 
must be fully downloaded before they can execute their operations. Moreover, the 
information displayed by a Java applet cannot be updated independently of the applet 
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itself. Thus, to update the Java display, the user must download another version of the 
Java applet. In addition, each time the display is changed, a new applet must be written 
and provided at the Web server. 

From the discussion above, it should be apparent that there is a need for a quick, 
5 efficient means of assembling Web pages for display, to include text elements received 
from discrete network locations, and there is a need for independent update of individual 
elements of a Web page without reassembling the entire Web page. The present 
invention fulfills this need. 

10 BRIEF SUMMARY OF THE INVENTION 

The invention permits independent update of individual display elements of a 
Web page without reassembling the entire Web page, and permits independent update of 
all types of page elements without a client side agent other than a browser. Page 
elements that do not include a named source, such as text elements, may nevertheless be 

15 received from discrete network locations, and therefore they may be independently 
assembled and updated. In accordance with the invention, a browser displays a Web 
page containing at least one first element of the Web page and transmits to a server a 
request for a second element of the Web page, receives the second Web page element, 
and then displays the second element with the Web page, without reassembling the entire 

20 Web page. Thus, a page reload action does not require the browser to request all of the 
named source elements, as well as all the page elements that do not include a named 

I 

source. Rather, only the page elements that require updating need be requested by the 

i 

browser. In this way, the invention provides a quick, efficient means of assembling all 
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elements of a Web page for display, including text elements received from discrete 
network locations, and supports independent update of individual elements of a Web 
page without reassembling the entire Web page. 

The browser sends the request for the second element of the Web page, so that the 
5 browser determines when a request for an update of a page element should be sent. Thus, 
the browser is not limited to requesting only named source elements, or requesting the 
entire page. In one aspect of the invention, the browser sends the request for the second 
element in response to a request from an interpreted program, or script, that executes 
from within the browser at the client device. Thus, no client-side agents or program 

10 applets are involved in generating the request for the second element. In this way, it is 
not necessary to modify the operation of the browser or install applets or special browser 
plug-in applications to the browser, making the improved independent update operation 
transparent to the user. 

Other features and advantages of the present invention should be apparent and 

15 will be better understood by reference to the drawings and the following detailed 
description, which illustrate, by way of example, the principles of the invention. 

BRIEF DESCRIPTION OF THE SEVERAL VIEWS OF THE DRAWING 

FIGURE 1 shows a system having a client and server constructed in accordance 
20 with the present invention. 

FIGURE 2 is a diagrammatic representation of the operations that take place in 
response to a request for Web page information from the client device illustrated in 
FIGURE 1. 
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FIGURE 3 is a block diagram representation of one of the computers illustrated in 
FIGURE 1. 

FIGURE 4 illustrates a Web page that appears on a display of the client device 
illustrated in FIGURE 1. 

FIGURE 5 is a flow diagram that illustrates the processing performed by the 
client device of FIGURE 1 in independently updating a text element of the Web page 
illustrated in FIGURE 4. 

- FIGURE - 6 io a flow diagram that illustrates the processing performed by the 
-sys tem - of FI G U RE - 1 in indepen d en tl y u pdating-a n element of the A¥cfrp age4&u6ttated-ffl 
FIGURE 4 without reassembling the-efttke-pag^. 

FIGURE 7 is a flow diagram that illustrate s the proec o om g-^erfbmted-by-^e' 




^yntom of FTC1IIRF; 1 in nri^mh1ing - 4nd npfin(jftnt p;1eme.nt^ nf.JJig,^^ in 
FIGURE 4. 

DETAILED DESCRIPTION OF THE INVENTION 

In accordance with the invention, individual display elements of a Web page may 
be independently updated without reassembling the entire Web page. In addition, the 
independent update may be accomplished without a client side agent other than a 
browser. Page elements that do not include a named source, such as text elements, may 
nevertheless be received from discrete network locations, and therefore they may be 
independently received and assembled. Such features are provided without special plug- 
ins or other modifications to a user's browser, and without changes to a server's 
operations. 




8 



System Configuration 

FIGURE 1 shows a system 100 having a client 102 and one or more servers 104, 
106 constructed in accordance with the present invention. The client and server devices 
5 102, 104, 106 communicate with each other over a shared network 108, such as the 
Internet. With respect to Internet communications, the user at the client device 102 will 
receive information for the display of pages from the "World Wide Web" ("the Web") in 
a graphical user interface viewer program 110, such as a Web browser, that executes at 
the client machine 102. The browser will automatically display the Web pages at the 

10 client device so as to show graphical elements, such as images, show any alphanumeric 
text, and render multimedia files, such as sound and video information. 

FIGURE 2 shows the communications that take place between a user at the client 
device 102 and the Web server 104. As illustrated in FIGURE 2, the client 102 requests 
a Web page from the Web server 104, as specified by a page request 202 with a URL 

15 address. The client sends the request through a window 204 of the browser 110 
(FIGURE 1) and in response receives HTML code 206 specifying the Web page 
elements. The HTML code may direct the user's browser to request files from a server, 
which may be either the same server 104 to which the page request was originally sent, or 
may be a different server 106 (FIGURE 1). 

20 In accordance with the invention, the HTML code 206 returned by the server 104 

to the client 102 includes interpreted program code that will cause the browser 110 to 
request a "phantom" page from a server. The phantom page comprises a page that is 
associated with a network address (URL) and a second browser window 208, whose 
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contents will not be displayed. The interpreted program code may comprise any suitable 
program code that is automatically interpreted by the user's browser 110, such as the 
"JavaScript" (JS) standard established by Sun Microsystems, Inc. The JavaScript code 
will cause the browser 110 to prepare the second window 208, which is used as a proxy 
or holder for the phantom page. This second window will be referred to as a proxy 
window, and is shown in FIGURE 2 with dashed lines to indicate it will not be displayed 
by the browser 110. As described further below, the user's browser 110 will 
automatically prevent display of the second window, which would otherwise show the 
phantom page, because a page parameter of the phantom page will be set to indicate "no 
display". The "no display" condition may be achieved through JavaScript, for example, 
by setting the page width and page height of the second window to zero. 

In accordance with the invention, the proxy window technique can be used to 
independently update a variety of Web page elements, including text elements. For 
example, text within cells of a table may be updated with data from a server at regular 
intervals. In addition, moving a display cursor over a designated text element may cause 
a pop-up window to appear, or clicking on a hyperlink may cause a different text box to 
appear. These different responses to triggering events will be described in greater detail 
below. 

In this way, Web pages may be assembled for display, including text elements 
received from discrete network locations, and individual text elements of a Web page 
may be independently updated without reassembling the entire Web page. Moreover, all 
types of page elements may be independently updated without a client side agent other 
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than a browser. Such features are provided without special plug-ins or other 
modifications to a user's browser, and without changes to a server's operations. 

System Devices 

5 The computer that implements the client side processing, and the computer that 

implements the server side processing, or any other computer device of the system, may 
comprise any conventional computer suitable for implementing the functionality 
described herein. FIGURE 3 is a block diagram of an exemplary computer device 300 
such as might comprise any of the computing devices shown in FIGURE 1. Each 

10 computer operates under control of a central processor unit (CPU) 302, such as an 

application specific integrated circuit (ASIC) from a number of vendors, or a "Pentium"- 
class microprocessor and associated integrated circuit chips, available from Intel 
Corporation of Santa Clara, California, USA. Commands and data can be input from a user 
control panel, remote control device, or a keyboard and mouse combination 304 and inputs 

15 and output can be viewed at a display 306. The display is typically a video monitor or flat 
panel display device. 

The computer device 300 may comprise a personal computer or, in the case of a 
client machine, the computer device may comprise a Web appliance or other suitable Web- 
enabled device for viewing Web pages. In the case of a personal computer, the device 300 

20 preferably includes a direct access storage device (DASD) 308, such as a fixed hard disk 
drive (HDD). The memory 310 typically comprises volatile semiconductor random access 
memory (RAM). If the computer device 300 is a personal computer, it preferably includes a 
program product reader 312 that accepts a program product storage device 314, from which 
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the program product reader can read data (and to which it can optionally write data). The 
program product reader can comprise, for example, a disk drive, and the program product 
storage device can comprise removable storage media such as a floppy disk, an optical CD- 
ROM disc, a CD-R disc, a CD-RW disc, a DVD disk, or the like. Semiconductor memory 
5 devices for data storage and corresponding readers may also be used. The computer device 
300 can communicate with the other connected computers over a network 316 (such as the 
Internet) through a network interface 318 that enables communication over a connection 320 
between the network and the computer device. 

The CPU 302 operates under control of programming steps that are temporarily 

10 stored in the memory 3 10 of the computer 300. When the programming steps are executed, 
the pertinent system component performs its functions. Thus, the programming steps 
implement the functionality of the system illustrated in FIGURE 1. The programming steps 
can be received from the DASD 308, through the program product 314, or through the 
network connection 320, or can be incorporated into an ASIC as part of the production 

15 process for the computer device. If the computer device includes a storage drive 312, then it 
can receive a program product, read programming steps recorded thereon, and transfer the 
programming steps into the memory 310 for execution by the CPU 302. As noted above, 
the program product storage device can comprise any one of multiple removable media 
having recorded computer-readable instructions, including magnetic floppy disks, CD- 

20 ROM, and DVD storage discs. Other suitable program product storage devices can include 
magnetic tape and semiconductor memory chips. In this way, the processing steps 
necessary for operation in accordance with the invention can be embodied on a program 
product. 
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Alternatively, the program steps can be received into the operating memory 310 over 
the network 316. In the network method, the computer receives data including program 
steps into the memory 310 through the network interface 318 after network communication 
has been established over the network connection 320 by well-known methods that will be 
understood by those skilled in the art without further explanation. The program steps are 
then executed by the CPU 302 to implement the processing of the system. 

Page Display 

FIGURE 4 shows a Web page 400 that is displayed at the client device 102 
illustrated in FIGURE 1. The Web page will appear, for example, on the display 306 of 
the client device. FIGURE 4 shows that the Web page includes typical display artifacts 
for a computer program that executes in a window operating system (OS) environment, 
such as that provided by the "Windows 2000" or "Windows NT" OS by Microsoft 
Corporation or the "Macintosh" OS by Apple Computer Corporation. Thus, the Web 
page window display 400 includes a title bar 402 and window sizing icons 404 at the top 
of the page. The bottom of the page window includes a program tray 406 in which 
various program icons may be placed. 

On the display, within a working space or display area 408 of the page window 
400, are the contents, or page elements, of a requested Web page. As illustrated in 
FIGURE 4, these elements may be displayed, or rendered, in a variety of ways. For 
example, the page 408 may include a banner image 410 that is typically a graphic image, 
such as represented by a GIF file or JPEG file. 
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The page 400 may also include lines of text information, such as illustrated by "Text 
Information Line 1" 412, Text Information Line 2" 414, and Text Information Line 3" 
416. The page may also include other images 418, typically in a graphical format, such 
as GIF or JPEG formats. Web pages may also include tables 420 of information, 
5 comprising text or other elements arranged in rows and columns. Lastly, Web pages may 
include multimedia viewers 422, such as for display of streaming video content or 
audiovisual clips. The viewers may include, for example, the "RealPlayer" viewer from 
Real Networks, "Quick Time" viewer from Apple Computer, Inc., and "Media Player" 
from Microsoft Corporation. The viewers generally include on-screen playback controls 

10 424 that permit a user to move forward, reverse, or pause the playback. 

Conventionally, only the graphic images 410, 418 and the multimedia content 
played by the viewer 422 may be independently updated from the remaining elements of 
the page. This is because such graphic images and multimedia files are identified by 
image tags of the HTML code. The image tags specify the server (URL) at which the 

15 graphic may be found and from which the graphic must be requested. Those skilled in 
the art will appreciate that a request for a Web page causes a corresponding Web server 
to generate the HTML code for the Web page, much of which comprises alphanumeric 
text that a user's browser will then render and display. For graphic and multimedia files, 
the Web server will deliver alphanumeric HTML text and, where appropriate, will embed 

20 URL addresses that specify the network locations at which the graphical images may be 
found. When the client browser receives the HTML code from the Web server, the 
browser will automatically render the HTML code to generate the proper text. When the 
client encounters an embedded HTML code specifying a URL address, the browser will 

14 



automatically send out another request, this time for the specified URL of the graphical 
image element. The request will be sent to the server at the URL specified in the address. 
When the graphical image is returned, the user's browser will automatically render the 
image and display it with the other elements of the Web page. 

5 

Operation 

FIGURE 5 is a diagrammatic representation of the processing performed by the 
system of FIGURE 1 in independently updating and assembling the Web page illustrated 
in FIGURE 4. As indicated in FIGURE 5, the processing begins with the client 102 

10 sends a request for a Web page to the server 104. This operation is indicated as "1. URL 
PAGE REQUEST." In response, the server retreives or generates the HTML code for the 
Web page and sends it to the client. This operation is represented by the second FIGURE 
5 entry, "2. SEND HTML FILE TO CLIENT MACHINE FOR DISPLAY." When the 
client receives the Web page data, the client's browser interprets the HTML code to 

15 display the proper text, and requests the appropriate source files, such as graphic images, 
sound files, or multimedia presentations. This operation is represented in FIGURE 5 by 
the notation "3. RENDER HTML DATA, PROCESS SOURCE TAGS, REQUEST 
IMAGES." The various files specified in the HTML code for the page will be the subject 
of corresponding file requests from the browser. The browser requests are received at the 

20 Web server (which may or may not be the same server from which the client first 
requested the Web page), and the Web server responds by returning the requested files. 
This operation is represented by the fourth entry, "4. GET IMAGES AND OTHER 
REQUESTED FILES, SEND TO CLIENT MACHINE." 




As noted above, the system of FIGURE 1 utilizes a scripting language to cause 
the client browser to automatically generate requests for update data, with which the 
browser may update Web page elements that do not otherwise have a named source. 
These elements to be updated may include text information, such as table contents. 
5 Therefore, the request for files in operation (3) includes a request for a scripting file. The 
scripting language may comprise, for example, the "JavaScript" specification from Sun 
Microsystems, Inc. The Web server response, in operation (4), will be to generate a 
JavaScript file that contains script code that will cause the client's browser to generate a 
request for update data. 

10 Thus, the HTML code that the client receives from the server as a result of 

operation (2) will include a reference to a JavaScript file at a Web server. This reference 
is processed as follows. As the client browser renders (displays) the Web page in 
operation (3), it will parse the received HTML code. Portions of the HTML code will 
include formatted alphanumeric text, which the browser will display, and will include 

15 references to source files, such as images, and also to audio ^nd multimedia files, and the 
like. In accordance with the invention, the HTML code will also include a reference to a 
JavaScript file that implements the functionality described herein. When the client's 
browser parses the received page code and encounters the JavaScript reference in 
operation (3), the browser will generate a request to the Web server referenced by the 

20 JavaScript. The Web server will receive the request and in operation (4) will generate the 
appropriate JavaScript code and deliver it to the client browser, as will any requested 
source files such as images, sounds, and the like. Thus, the reference to a JavaScript file 
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is converted into actual JavaScript code that is placed at the appropriate location in the 
HTML code for the Web page. 

When the JavaScript code is received, it will be automatically interpreted by the 
browser, which will cause the script program to be executed by the browser. In 
5 accordance with the invention, the JavaScript code will cause the browser to request 
another page, for a second Web page. This operation is represented by the fifth entry of 
FIGURE 5, "5. RECEIVE SCRIPT, INTERPRET CODE, REQUEST UPDATE PAGE." 
The JavaScript code in accordance with the invention specifies that the requested second 
page will not be displayed by the browser. That is, the data contained in the second 

10 (update) page will be received, but no page will be displayed. Thus, the requested page 
comprises a "phantom" page (hence the dashed line representation of FIGURE 2). When 
the Web server receives the request for the phantom page after operation (5), it will 
generate the requested data and will send it (otherwise formatted as an HTML page) to 
the browser. The sending operation is represented in FIGURE 5 by the sixth entry, "6. 

15 SEND REQUESTED HTML DATA FOR PHANTOM PAGE." 

When the client browser receives the requested update data, it processes the data 
according to the JavaScript code to perform whatever task has been specified by the Web 
page author or developer for display within the original Web page window, rather than in 
the phantom second window. For example, the updated data may call for placement in a 

20 cell of a table in the original Web page, thereby updating the table values. The updated 
data may be for placement in a special data window, such as a stock market price ticker 
or an auction site bid window of the first Web page. In any case, the operation of 
displaying the updated data in the first Web browser window is represented by the 

17 



FIGURE 5 entry of "7. PROCESS THE JAVASCRIPT CODE AND DISPLAY THE 
FIRST WEB PAGE WITH THE UPDATE DATA." 

Because the JavaScript code as described above can use the browser to request a 
new page from a Web server, and information from the new page can be extracted by the 
browser and inserted into the original page, the JavaScript code can be used to 
independently update Web page elements that previously could not be updated separately 
from other alphanumeric text elements on the page. For example, a table may be updated 
using the technique described herein to independently update particular table cells. 

The present invention has been described above in terms of presently preferred 
embodiments so that an understanding of the present invention can be conveyed. There 
are, however, many configurations for network data delivery not specifically described 
herein, but with which the present invention is applicable. The present invention should 
therefore not be seen as limited to the particular embodiments described herein, but 
rather, it should be understood that the present invention has wide applicability with 
respect to network data delivery generally. All modifications, variations, or equivalent 
arrangements and implementations that are within the scope of the attached claims should 
therefore be considered within the scope of the invention. 



18 



